<template>
  <div>
    御剑乘风来,除魔天地间! --- app
    <h1>我是匿名插槽</h1> 
    <SlotCom>我是匿名插槽</SlotCom>
    <hr>
    <h1>我是具名插槽</h1>

    <SlotCom>
      <template #left>
        <h2>
          第一种写法 #插槽名
        </h2>
      </template>
      <template slot="right">
        <h2>
          第二种写法 slot="插槽名"
        </h2>
      </template>
     
    </SlotCom>

    <SlotCom>
      <template v-slot:footer>
        <h2>
          第三种写法 v-slot:插槽名
        </h2>
      </template>
    </SlotCom>
  </div>
</template>
<script>
import SlotCom from './slot/SlotCom.vue'
export default {
  name: 'app',
  components: {
    SlotCom
  },
  data () {
    return {

    }
  },
  created () {
  },
  computed: {
  },
  methods: {
  }
}
</script>
<style lang='less'  scoped>
</style>
